<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="styles.css">
  <title>图片轮播器</title>
</head>

<body>
  <section id="image-slider-section">
    <ul id="image-slider-ul">
      <li>
        <img src="D:\浏览器\图片\2012731122420649.jpg" alt="厚基础，精理论" />
      </li>
      <li>
        <img src="D:\浏览器\图片\2012731123863144.jpg" alt="厚基础，精理论" />
      </li>
      <li>
        <img src="D:\浏览器\图片\2012731125587111.jpg" alt="育人为本" />
      </li>
      <li>
        <img src="D:\浏览器\图片\jiaoshijiewangyetu.jpg" alt="教师节" />
      </li>
    </ul>
  </section>

  <script src="script.js"></script>
</body>

</html>